import { Button } from 'antd';

const dataList = [
  {
    key: '每日转账开始时间',
    value: '9:30',
  },
  {
    key: '每日转账结束时间',
    value: '9:30',
  },
  {
    key: '转账间隔时长',
    value: '不小于 5S',
  },
  {
    key: '每日转账总金额',
    value: '500W',
  },
  {
    key: '批次条数',
    value: '9:30',
  },
  {
    key: '黑名单',
    value: '9:30',
  },
];

const SystemSetting = () => {
  return (
    <div className="bg-white h-full p-6 flex">
      <div className="text-[18px] font-bold mr-4 mt-1">ACS转账</div>
      <div>
        {dataList.map((item) => {
          return (
            <div key={item.key} className="flex items-center w-72 mb-4">
              <div className="text-end w-[120px]">{item.key}: </div>
              <div className="flex-1 text-center">{item.value}</div>
              <Button>修改</Button>
            </div>
          );
        })}
      </div>
    </div>
  );
};

export default SystemSetting;
